<link href="css/zTreeStyle/metro.css" rel="stylesheet" type="text/css"/>
<div class="breadcrumbs" id="breadcrumbs">
			<script type="text/javascript">
				try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
			</script>
			<ul class="breadcrumb">
				<li>
					<i class="icon-home home-icon"></i>
					<a href="#">首页</a>
				</li>
				<li class="active">角色管理</li>
			</ul><!-- .breadcrumb -->
</div>
<div class="page-content">
<div class="row">
	<div class="col-xs-12">
		<div style="float:right;padding-bottom: 10px;">
			<button class="btn btn-primary btn-sm" id="addRoleBtn" authCode="29"><i class="icon-plus align-top bigger-125"></i>添加角色</button>
		</div>
		<!-- PAGE CONTENT BEGINS -->
		<div class="row">
			<div class="col-xs-12">
				<div class="table-responsive">
					<table id="roles_table" class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th class="hidden-480">序号</th>
								<th class="hidden-480">创建者</th>
								<th>角色名称</th>
								<th class="hidden-480">角色描述</th>
								<th>角色状态</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div><!-- /.table-responsive -->
			</div><!-- /span -->
		</div><!-- /row -->
<div class="modal fade" id="permissionset_dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
</div>
<!--添加或者修改角色 modal dialog->
<!-- modal-content -->
<div class="modal fade" id="addRole_dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		   <div class="modal-dialog">
		      <div class="modal-content">
		         <div class="modal-header">
		            <button type="button" class="close" 
		               data-dismiss="modal" aria-hidden="true">
		                  &times;
		            </button>
		            <h4 class="modal-title" id="myModalLabel">
		               	添加或者修改角色
		            </h4>
		         </div>
		         <div class="modal-body">
		            <form class="form-horizontal" role="form" id="addRoleForm">
						 <input type="hidden" name="id"/>
						 <div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1">角色名称</label>
								<div class="col-sm-8">
									<input type="text" name="name" id="form-field-1" class="col-xs-7 col-sm-7" 
									data-rule-required="true" data-msg-required="角色名称必填">
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1">角色状态</label>
								<div class="col-sm-5">
									  <select class="col-sm-5" name="status">
									  	 <option value="y">启用</option>
								         <option value="n">禁用</option>
								     </select>
								</div>
							</div>
						  <div class="form-group">
								<label class="col-sm-3 control-label no-padding-right" for="form-field-1">角色描述</label>
								<div class="col-sm-5">
									  <textarea class="form-control limited col-sm-5" name="detail">
									  </textarea>
								</div>
							</div>
						</form>
		         </div>
		         <div class="modal-footer">
		            <button type="button" class="btn btn-warning" 
		               data-dismiss="modal">关闭
		            </button>
		            <button type="button" class="btn btn-primary" id="addRoleSubmitBtn" authCode="29">
		               	确认添加或修改
		            </button>
		         </div>
	 </div><!-- /.modal-content -->
	
	</div>
</div><!-- /.modal -->
	
</div><!-- PAGE CONTENT ENDS -->
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.page-content -->
<script type="text/javascript" src="js/settings/roleslist.js"></script>
<script type="text/javascript" src="js/jquery.ztree.all-3.5.min.js"></script>

<script>
jQuery(document).ready(function() {       
	RoleManaged.init();
});
</script>